<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title>
<style type="text/css">
<!--
* {
	font-family: tahoma;
}
body {
	background-color: #354153;
}
.title{
background-color: #708BB2; 
color:#FFFFFF; padding:5px; 
font-size:12px; 
font-weight:bold; 
border:1px solid; 
width:222px;
}
.bottom{
background-color: #708BB2; 
color:#FFFFFF; padding:1px; 
font-size:10px;  border:1px solid; 
width:232px; height:40px;
}
.tablething
{
border-collapse:collapse; color:#FFFFFF; font-size:10px; border-top:0px; border-left:2px solid;
}
-->
</style>
</head>

<body>

<div class="title">
	<table border="0" cellspacing="0" cellpadding="3" style="padding:0px;">
		<tr>
			<td width="25"><img src="images/shoppingcart.gif" width="25" height="23" /></td>
			<td width="100%">

				My Shopping Cart
			</td>
		</tr>
	</table>
</div>
<div style="border-color:#FFFFFF; height:300px; width:234px; overflow:auto; border-left:1px #FFFFFF; " align="right">
	<table width="100%" border="1" cellspacing="0" cellpadding="3" bordercolor="#FFFFFF"  class="tablething">

		<!-- THIS IS THE LOOP -->
				<tr>
					<td>Item Description </td>
					<td width="30" align="right">$14.13</td>
					<td width="10"><img src="images/remove.gif" width="12" height="12" /></td>
				</tr>
		<!-- THIS IS THE END OF THE LOOP -->
		<!-- THIS IS THE LOOP -->
				<tr>
					<td>Item Description </td>
					<td width="30" align="right">$14.13</td>
					<td width="10"><img src="images/remove.gif" width="12" height="12" /></td>
				</tr>
		<!-- THIS IS THE END OF THE LOOP -->
		<!-- THIS IS THE LOOP -->
				<tr>
					<td>Item Description </td>
					<td width="30" align="right">$14.13</td>
					<td width="10"><img src="images/remove.gif" width="12" height="12" /></td>
				</tr>
		<!-- THIS IS THE END OF THE LOOP -->
		<!-- THIS IS THE LOOP -->
				<tr>
					<td>Item Description </td>
					<td width="30" align="right">$14.13</td>
					<td width="10"><img src="images/remove.gif" width="12" height="12" /></td>
				</tr>
		<!-- THIS IS THE END OF THE LOOP -->
		<!-- THIS IS THE LOOP -->
				<tr>
					<td>Item Description </td>
					<td width="30" align="right">$14.13</td>
					<td width="10"><img src="images/remove.gif" width="12" height="12" /></td>
				</tr>
		<!-- THIS IS THE END OF THE LOOP -->
		<!-- THIS IS THE LOOP -->
				<tr>
					<td>Item Description </td>
					<td width="30" align="right">$14.13</td>
					<td width="10"><img src="images/remove.gif" width="12" height="12" /></td>
				</tr>
		<!-- THIS IS THE END OF THE LOOP -->

		
	</table>
</div>
<div class="bottom">
	<table width="100%" border="0" cellspacing="0" cellpadding="0">
		<tr>
			<td align="center" width="25%">Sub</td>
			<td align="center" width="25%">Tax</td>
			<td align="center" width="25%">Total</td>
			<td width="25%" rowspan="2"><a href="javascript:void(null)" onclick="parent.main.location.href = 'home.html'; return true;">
			<div align="center" style="border:0px; color:#FFFFFF; text-decoration:none;">
				<img src="images/checkout.gif" width="25" height="25" border="0" /><br />
				Checkout</div>
			</a></td>
		</tr>
		<tr>
			<td align="center" width="20%"><strong>$5.07</strong></td>
			<td align="center" width="20%"><strong>$2.07</strong></td>
			<td align="center" width="5%">
			<div style="border:3px double;">
				<strong>$15.07</strong></div>
			</td>
		</tr>
	</table>
</div>

</body>

</html>
